page{
	background-color: #f0f1f1;
}
.genefamily_main{
	padding: 30rpx 40rpx;
}
.search_heads{
	position: relative;
	width: 664rpx;
	height: 70rpx;
	border-radius: 30rpx;
	border: 2rpx solid #B13B3B;
	background: rgba(255, 255, 255, 0.70);
	box-sizing: border-box;
	.searchiocn{
		position: absolute;
		top: 14rpx;
		left: 30rpx;
		width: 40rpx;
		height: 40rpx;
	}
	.inputtags{
		padding-left: 70rpx;
		width: 664rpx;
		height: 70rpx;
	}
	.sarch_btns{
		position: absolute;
		top: 9rpx;
		right: 5rpx;
		width: 110rpx;
		height: 52rpx;
		line-height: 52rpx;
		text-align: center;
		color: #FFFFFF;
		background-color: #B13B3B;
		border-radius: 30rpx;
	}
}

.screenview{
	position: relative;
	z-index: 101;
	padding: 0 40rpx;
	padding-bottom: 20rpx;
	border-bottom: 2rpx solid #D0D0D0;
	.screenviewtext{
		width: 480rpx;
		color: #4D4D4D;
		font-size: 24rpx;
	}
	.screenbtn{
		width: 110rpx;
		height: 52rpx;
		border: 1px solid #B13B3B;
		border-radius: 30rpx;
		text-align: center;
		.primary{
			width: 22rpx;
			height: 26rpx;
		}
		.textname{
			
			color: #B13B3B;
			font-size: 24rpx;
		}
	}
}
.sieveseriesmask{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	width: 750rpx;
	height: 100vh;
	background-color: rgba(241,241,241,0.5);
}
.sieveseries{
	position: absolute;
	top: 90rpx;
	left: 0;
	z-index: 99;
	width: 750rpx;
	padding: 22rpx 40rpx;
	background-color: #FFFFFF;
	.cate_select{
		margin-bottom: 20rpx;
		.catename{
			font-size: 24rpx;
			color: #000000;
		}
		.cate_lists{
			margin-top: 26rpx;
			.cate_items{
				margin-left: 10rpx;
				margin-bottom: 14rpx;
				border-radius: 10rpx;
				padding: 4rpx 14rpx;
				display: inline-block;
				background: rgba(217, 217, 217, 0.80);
				color: #000000;
				font-size: 24rpx;
			}
			.actives{
				background-color: #B13B3B;
				color: #FFFFFF;
			}
		}
	}
}

.familylists{
	margin-top: 30rpx;
	padding: 0 45rpx;
	.familyitems{
		position: relative;
		width: 660rpx;
		height: 200rpx;
		margin-bottom: 32rpx;
		.rectanglebg{
			border-radius: 20rpx;
			width: 660rpx;
			height: 200rpx;
		}
		.familyitemsinfo{
			box-sizing: border-box;
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 660rpx;
			height: 200rpx;
			padding: 15rpx 44rpx;
			.familynames{
				color: #691515;
				font-size: 36rpx;
				font-weight: bold;
			}
			.familylists_cell{
				margin-top: 6rpx;
				.familylists_cell_item{
					.familylists_cell_name{
						color: #691515;
						font-size: 28rpx;
					}
					.familylists_cell_val{
						color: #691515;
						font-size: 28rpx;
						font-weight: bold;
					}
				}
			}
		}
	}
}